<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--<form action="http://127.0.0.1:9501/api/login?name=sxg&age=25" method="post" >-->
<form action="http://175.178.132.26:9501/api/login?name=sxg&age=25" method="post" >
    First name: <input type="text" name="first" /><br />
    Last name: <input type="text" name="last" /><br />
    <input type="submit" />
</form>


<button id="send">click</button>
<script src="jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<script>

    //vue,react,angular,npm,
    $(function () {
        $("#send").click(function () {
            $.ajax({
                // url:"http://127.0.0.1:9501/api/login?name=sxg&age=25",
                url:"http://175.178.132.26:9501/api/login?name=sxg&age=25",
                method:"POST",
                data: JSON.stringify({
                    hero : "oliver"
                }),
                contentType: "application/json",
                success:function (e) {
                    console.log(e)
                }
            });
        })

    })
</script>


</body>
</html>